<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta content="App Inventor for Android" name="description">
    <meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords">
    <title>
      Learn - App Inventor for Android
    </title>
    <link href="/static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico">
    <link href="/static/images/appinventor-16.png" rel="icon" type="image/png">
    <link href="/static/css/appinventor.css" rel="stylesheet">
    <script src="http://www.google.com/js/gweb/analytics/autotrack.js">
</script>
    <script>
  var tracker = new gweb.analytics.AutoTrack({
        profile: 'UA-5856106-2'
      });
    </script>
    <style>
img.c6 {border-width:0}
    div.c5 {clear:left;}
    div.c4 {float: left; width: 600px; height: 500px;}
    img.c3 {width: 60px; height: 60px; border: 1px solid #efefef;}
    div.c2 {float: right; width: 300px; margin: 0 20px 0 20px; padding: 10px 10px 10px 10px; height: 300px; background: #efefef url('/static/images/sidepanel-bg.png') top left repeat-x;}
    div.c1 {clear:both;}
    </style>
  </head>
  <body>
    <div id="aiac">
      <div class="main-container">
        <div class="header">
          <div class="header-title">
            <a href="/about/"><img alt="" src="/static/images/appinventor_logo.gif"></a>
          </div>
          <form action="http://www.google.com/cse" id="cse-search-box">
            <input name="cx" type="hidden" value="011848991959401852367:xnrcbhk2zus"> <input name=
            "ie" type="hidden" value="UTF-8">
            <div class="header-search">
              <div class="header-search-query">
                <input class="textbox" name="q" type="text">
              </div>
              <div class="header-search-button">
                <input name="sa" src="/static/images/search-button.png" type="image">
              </div>
            </div>
          </form><script src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"
         >
</script>
          <div class="header-login">
            <div class="header-login-greeting">
              Learn about App Inventor
            </div>
          </div>
        </div>
        <div class="customhr customhr-green"></div>
        <div id="navigation">
          <div id="navigation-links">
            <div class="navigation-link-option" id="navigation-link-home">
              <a href="/about/">About</a>
            </div>
            <div class="navigation-link-option navigation-link-active" id="navigation-link-learn">
              <a href="/learn/">Learn</a>
            </div>
            <div class="navigation-link-option" id="navigation-link-forum">
              <a href="/forum/">Forum</a>
            </div>
            <div class="navigation-link-option" id="navigation-link-myappinventor">
              <a href="http://appinventor.googlelabs.com/ode/Ya.html" target="_blank">My
              Projects</a>
            </div>
          </div>
          <div id="navigation-breadcrumb">
            Learn &gt;
          </div>
          <div class="c1"></div>
        </div>
        <div class="customhr customhr-gray"></div>
        <div class="content">
          <div class="content-body">
            <h1>
              Learn About App Inventor
            </h1>
            <div class="c2">
              <h2>
                App Inventor In Action
              </h2>
              <p>
                Watch an app being built using App Inventor.
              </p><object height="300" width="300">
                <param name="movie" value="http://www.youtube.com/v/nC_x9iOby0g?fs=1&amp;hl=en_US">
                <param name="allowFullScreen" value="true">
                <param name="allowscriptaccess" value="always">
                <embed allowfullscreen="true" allowscriptaccess="always" height="225" src=
                "http://www.youtube.com/v/nC_x9iOby0g?fs=1&amp;hl=en_US" type=
                "application/x-shockwave-flash" width="300">
              </object>
            </div>
            <div class="c4">
              <div class="learn-content">
                <div class="learn-category">
                  <div class="learn-category-image">
                    <a href="whatis.html"><img alt="" class="c3" src=
                    "/static/images/learn-android2.gif"></a>
                  </div>
                  <div class="learn-category-title">
                    <a href="/learn/whatis/index.html">What is App Inventor</a>
                  </div>
                  <div class="learn-category-desc">
                    Get a brief overview of App Inventor.
                  </div>
                </div>
                <div class="learn-category">
                  <div class="learn-category-image">
                    <a href="gettingstarted.html"><img alt="" class="c3" src=
                    "/static/images/learn-android1.gif"></a>
                  </div>
                  <div class="learn-category-title">
                    <a href="/learn/setup/index.html">Setup</a>
                  </div>
                  <div class="learn-category-desc">
                    Set up your computer. Run the emulator. Set up your phone. Build your first
                    app.
                  </div>
                </div>
                <div class="learn-category">
                  <div class="learn-category-image">
                    <a href="reference/index.html"><img alt="" class="c3" src=
                    "/static/images/learn-android2.gif"></a>
                  </div>
                  <div class="learn-category-title">
                    <a href="/learn/tutorials/index.html">Tutorials</a>
                  </div>
                  <div class="learn-category-desc">
                    Learn the basics of App Inventor by working through these tutorials.
                  </div>
                </div>
                <div class="learn-category">
                  <div class="learn-category-image">
                    <a href="reference/index.html"><img alt="" class="c3" src=
                    "/static/images/learn-android2.gif"></a>
                  </div>
                  <div class="learn-category-title">
                    <a href="reference/index.html">Reference Documentation</a>
                  </div>
                  <div class="learn-category-desc">
                    Look up how specific components and blocks work. Read about concepts in App
                    Inventor, like displaying lists and accessing images and sounds.
                  </div>
                </div>
                <div class="learn-category">
                  <div class="learn-category-image">
                    <a href="https://sites.google.com/site/appinventorresources/"><img alt=""
                    class="c3" src="/static/images/learn-android2.gif"></a>
                  </div>
                  <div class="learn-category-title">
                    <a href="https://sites.google.com/site/appinventorresources/">User Generated
                    Help Content</a>
                  </div>
                  <div class="learn-category-desc">
                    Read and view the help content developed by other App Inventor users.<br>
                    (sites.google.com/site/appinventorresources/)
                  </div>
                </div>
                <div class="learn-category">
                  <div class="learn-category-image">
                    <a href="https://groups.google.com/group/appinventor"><img alt="" class="c3"
                    src="/static/images/learn-android3.gif"></a>
                  </div>
                  <div class="learn-category-title">
                    <a href="userfaq.html">User FAQ</a>
                  </div>
                  <div class="learn-category-desc">
                    Read through common questions and answers about using App Inventor.
                  </div>
                </div>
                <div class="learn-category">
                  <div class="learn-category-image">
                    <a href="https://groups.google.com/group/appinventor"><img alt="" class="c3"
                    src="/static/images/learn-android4.gif"></a>
                  </div>
                  <div class="learn-category-title">
                    <a href="troubleshooting.html">Troubleshooting</a>
                  </div>
                  <div class="learn-category-desc">
                    Find solutions for common problems.
                  </div>
                </div>
              </div>
            </div>
            <div class="c5"></div>
          </div>
        </div>
        <div class="footer">
          <div class="footer-legal">
            <p>
              <a href="http://creativecommons.org/licenses/by/3.0/" rel="license"><img alt=
              "Creative Commons License" class="c6" src=
              "http://i.creativecommons.org/l/by/3.0/88x31.png"></a><br>
              This work is licensed under a <a href="http://creativecommons.org/licenses/by/3.0/"
              rel="license">Creative Commons Attribution 3.0 Unported License</a> .
            </p>
            <p>
              ©2011 Google<br>
              <a href="/about/index.html">About</a> | <a href="/about/privacy.html">Privacy</a> |
              <a href="/about/termsofservice.html">Terms</a>
            </p>
          </div>
          <div class="footer-lastupdate">
            <script>
  if (document.lastModified != '') {
                var m = "Page last updated: " + document.lastModified;
                var p = m.length-8;
                document.writeln("<center>");
                document.write(m.substring(p, 0));
                document.writeln("<\/center>");
              }
            </script>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>